<template>
	<view class="noMore">
		<uv-load-more :status="moreStatus" :icon="isMore" bgColor="transparent" nomoreText="没有内容了" />
	</view>
</template>

<script setup lang="ts">
	import { computed, defineProps, withDefaults } from 'vue'
	
	const props =  withDefaults(defineProps<{
		noMoreTxt?: string,
		isMore?: boolean
	}>(), {
		noMoreTxt: '我也是有底线的~',
		isMore: false
	})
	
	const moreStatus = computed(() => {
		if(props.isMore) {
			return 'loading'
		}else {
			return 'nomore'
		}
	})
	
</script>

<style scoped lang="scss">
	.noMore {
		width: 100%;
		padding: 30rpx 0;
		text-align: center;
		.noMoreTxt {
			font-size: 24rpx;
			color: $theme-grey;
		}
	}
</style>
